import React, { Component, Children } from 'react'

console.log(Children)

export default class Childrens extends Component {
    render() {
        // console.log(this.props)
        const { children } = this.props

        console.log(Children.only(children))

        // console.log(Children.map(children, (item) => {
        //     return item
        // }))
        return (
            <div>
                ChildrenChildren
                {
                    Children.map(children, (item, index) => {
                        return <h3 key = { index }>
                            { item }.00
                        </h3>
                    })
                }

                {/* {
                    children.map((item, index) => {
                        return <h3 key = { index }>
                            { item }.00
                        </h3>
                    })
                } */}
            </div>
        )
    }
}
